<template>
  <a-button @click="success">Success</a-button>
  <a-button @click="error">Error</a-button>
  <a-button @click="warning">Warning</a-button>
</template>

<script setup>
import { message } from 'ant-design-vue';
const success = () => {
  message.success('This is a success message',0);
};
const error = () => {
  message.error('This is an error message');
};
const warning = () => {
  message.warning('This is a warning message');
};
</script>

<style lang="scss" scoped></style>


